<template>
	<view>
		<view class="fgx flex">
			<view class="fgleft"></view>
			<view class="fgcenter">第{{num}}页</view>
			<view class="fgright"></view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			num: {
				type: Number,
				default: 0
			}

		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.fgx {
		width:100%;
		margin: 10rpx auto;
        background: #fff;
		height:100rpx;
		line-height: 100rpx;
		.fgleft {
			width: 40%;
			height: 2rpx;
			background: #999;
		}

		.fgcenter {
			color: #333;
			font-size: 26rpx;
			width: 16%;
			margin: 0 2%;
		}

		.fgright {
			width: 40%;
			height: 2rpx;
			background: #999;
		}
	}
</style>
